<template>
<div class="container">
  <div class="top-info">
    <img src="../assets/images/refresh.png" alt="">
    <h3>加载失败</h3>
    <p><a @click="refresh()">点击重新加载</a> </p>
  </div>

</div>
</template>

<script>
export default {
  name: 'Refresh',
  data () {
    return {
    }
  },
  methods: {
    refresh(){
      this.$router.go(-1);
    }
  }
}
</script>

<style lang="scss" scoped type="text/css">
@import  "../assets/scss/reset";
.container{
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  padding-bottom: calculateRem(50px);
  .top-info{
    width: 100%;
    /*height: calculateRem(173px);*/
    height: auto;
    background: white;
    text-align: center;
    overflow: hidden;
    >img{
      width: calculateRem(50px);
      height: calculateRem(50px);
      margin-top: 36vh;

    }
    h3{
      font-size: calculateRem(18px);
      color: #777;
      font-weight: normal;
      margin-top: calculateRem(20px);
      margin-bottom: 0;
    }
    >p{
      font-size: calculateRem(16px);
      color: #666666;
      line-height: calculateRem(28px);
      margin-top: 0;
      >a{
        color: #f16f10;
      }
    }
  }
}
</style>
